<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-14 10:59:33
 * @LastEditTime : 2022-09-14 12:18:40
 * @FilePath     : \src\App.vue
-->
<template>
  <div id="app">
    <h1>父组件</h1>
    <!-- 
    $attrs / $listeners：
    多层嵌套组件传递数据时，如果只是传递数据，而不做中间处理的话就可以用这个，比如父组件向孙子组件传递数据时
    $attrs：包含父作用域里除 class 和 style 除外的非 props 属性集合。通过 this.$attrs 获取父作用域中所有符合条件的属性集合，然后还要继续传给子组件内部的其他组件，就可以通过 v-bind="$attrs"
    $listeners：包含父作用域里 .native 除外的监听事件集合。如果还要继续传给子组件内部的其他组件，就可以通过 v-on="$linteners" -->
    <child-component :name="name" title="1111"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent'
export default {
  name: 'App',
  data(){
    return{
      name:"沐华"
    }
  },
  methods:{
    getChildMsg(msg){
      console.log(msg)
      this.message = msg // 这是父组件接收到的消息
    }
  },
  mounted() {
  },
  components:{
    ChildComponent
  }
}
</script>

<style>
</style>
